@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
  div {
    // margin-bottom: constant(safe-area-inset-bottom);
    // margin-bottom: env(safe-area-inset-bottom);
  }
  ul, ol{
    margin-bottom: 16px;
    margin-top: 0;
  }
  ul{
    li{
      margin-bottom: 16px;
      list-style-type: disc;
      list-style-position:inside;    
      &>p{
        display: inline;
      }
      ul{
        padding-left: 20px;
        margin-top: 10px;
        li{
          list-style-type: circle;
          list-style-position:inside;
          margin-bottom: 16px;
        }
      }
    }
  }
  ol {
    li{
      list-style-type:decimal;
      list-style-position:inside;
      margin-bottom: 16px;
      &>p{
        display: inline;
      }
    }
  }
}

// Global styles for SharePoint integration
.commandBarWrapper {
  display: none !important;
  min-height: 0 !important;
}

.mainHeader-51 {
  display: none !important;
}

.a_e_50a7110f:not(.b_e_50a7110f):not(.j_e_50a7110f) {
  padding: 0 !important;
}

.a_f_50a7110f:not(.b_f_50a7110f):not(.z_f_50a7110f) {
  margin: 0 !important;
  padding: 0 !important;
}

.a_a_50a7110f:not(.b_a_50a7110f) {
  padding: 0 !important;
}

.mainHeader-108 {
  display: none !important;
}

.main-container {
  width: 100vw !important;
}

.mainHeader-109 {
  display: none !important;
}

.j_b_8474018e {
  width: 100vw !important;
}

.c_b_4ade22aa {
  display: flex !important;
  flex-direction: row !important;
}

.headerRow-50.headerRow-50.headerRow-50.headerRow-50.headerRow-50 {
  display: none !important;
}

// 使用深度选择器进行样式穿透
:global {
  .c_b_4ade22aa {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
  }
}

// 使用属性选择器进行样式穿透
:global([class*="c_b_4ade22aa"]) {
  display: flex !important;
  flex-direction: row !important;
  width: 100% !important;
}

// 使用更具体的深度选择器
:global(body) {
  .c_b_4ade22aa {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
  }
}
